<template>
  <div class="center-setting pb120 pt40">
    <span v-for="(item, index) in loopList" :key="index">
      <RegisterApplyBlock
        :title="item.title"
        :imgList="item.imgList"
        :icon="item.icon"
        :style="item.style"
        @moreClick="moreClick"
      ></RegisterApplyBlock>
    </span>
  </div>
</template>

<script>
import RegisterApplyBlock from '../components/pageComponents/registerApplyBlock.vue'
import { loopList } from './config'
import { getLink } from '@/api/frontCommon'

export default {
  components: {
    RegisterApplyBlock
  },
  data() {
    return {
      loopList
    }
  },
  methods: {
    async moreClick(val) {
      const { data } = await getLink(val.id)
      window.open(data.link)
    },
  },
}
</script>